<script setup lang="ts">
const translateStore = useTranslate()
</script>
<template>
  <div class="my-4 rounded-lg flex overflow-hidden">
    <textarea v-model="translateStore.text" class="flex-1 p-3 outline-none border-none min-h-[460px] bg-white" placeholder="请输入要翻译的内容" maxlength="10000" />
    <div class="w-2" />
    <div class="flex-1 p-4 bg-[#EAEDF6]">
      {{ translateStore.result }}
    </div>
  </div>
</template>
